<template>
	<view>
		<image src="../../static/imgs/vip_long.png" mode="widthFix"></image>
		
		<button class="bottom-float" @tap="requestPay">成为VIP</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				good_id:9,
				good_info:[]
			}
		},
		onLoad() {
			
		},
		methods: {
			
			requestPay()
			{
				this.$request('index/index',{
					good_id:9,
				},'POST').then(res=>{
					
					// uni.showToast({
					// 	title: res.code
					// });
					
					if(res.code == 1)
					{
						// uni.showToast({
						// 	title: '111'
						// });
						this.pay(res.data);
						
					}
					
				})
			},
			pay(params)
			{
				var _this = this;
				jweixin.config({
					debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
					appId:params.appId, // 必填，公众号的唯一标识
					timestamp:params.timeStamp, // 必填，生成签名的时间戳
					nonceStr:params.nonceStr, // 必填，生成签名的随机串
					signature:params.paySign, // 必填，签名，见附录1
					jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				})
				
				jweixin.ready(function() {
					jweixin.checkJsApi({
						jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
						success: function(res) {
							console.log('checkjsapi Success')
							console.log(res);
						},
						fail:function(res) {
							console.log('res')
							console.log(res);
						}
					});
					jweixin.chooseWXPay({
						timestamp: params.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
						nonceStr: params.nonceStr, // 支付签名随机串，不长于 32 位
						package: params.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
						paySign:params.paySign, // 支付签名
						signType:params.signType,
						success:function(res) 
						{
							console.log('paysuccess')
							console.log(res)
							_this.getGoodInfo();
						},
						cancel: function(r) {
						   var route =  'payResult' + '?type=2'
						   
						},
						fail:function(res) {
						   
							console.log('payfail')
							console.log(res)
							
							
						}
					});
				});
				 
				jweixin.error(function(res) {
					uni.showToast({
						icon: 'none',
						title: '支付失败了',
						duration: 4000
					});
						// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
						/*alert("config信息验证失败");*/
				});
			
				
			}
		}
	}
</script>

<style>
image{
	width: 750rpx;
}

.bottom{
	image{
		width: 100%;
	}
}

.bottom-float{
	position: fixed;
	width: 100%;
	background-color: #54c5c9;
	bottom: 100rpx;
	color: #fff;
}

</style>
